*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
h1{
	text-align: center;
	font-size: 46px;
	font-weight: 100;
	margin: 30px auto 20px auto;
}
.level{
		text-align: center;
		margin-bottom: 10px;
}
.level button{
	padding: 5px 15px;
	background: #02a4ad;
	color:white;
	outline: none;
	border: none;
	border-radius: 3px;
	margin: 0 5px;
	cursor: pointer;
}
.level button.active{
	background: #00abff;
}
.info{
	text-align: center;
	font-weight: 200;
	margin: 10px auto;
}

/*表格相关样式*/
table{
	background: #929196;
	margin: 0 auto;
	border-spacing: 1px;
}
table td{
	width: 24px;
	height: 24px;
	background-color: #ccc;
	border: 2px solid;
	border-color: #fff #a1a1a1 #A1A1A1 #fff;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	cursor:pointer;
}
td>div{
	width:100%;
	height: 100%;
}
td>div.mine{
	background: #CCCCCC url("../image/mine.jfif") center/cover no-repeat;
	opacity: 0;
}
td>div.flag{
	background: #CCCCCC url("../image/flag.png") center/cover no-repeat;
	opacity: 1;
}
td>div.error{
	background-color: rgb(216,0,0);
}
td>div.right{
	background-color: green;
}
td>div.zero{
	border-color: #d9d9d9;
	background: #d9d9d9;
}
td>div.one{
	border-color: #d9d9d9;
	background: #d9d9d9;
	color: #008000;
}
td>div.two{
	border-color: #d9d9d9;
	background: #d9d9d9;
	color: #00ABFF;
}
td>div.three{
	border-color: #d9d9d9;
	background: #d9d9d9;
	color: #02A4AD;
}
td>div.four{
	border-color: #d9d9d9;
	background: #d9d9d9;
	color: #8649b1;
}
td>div.five{
	border-color: #d9d9d9;
	background: #d9d9d9;
	color: 	#FAEBD7;
}
td>div.six{
	border-color: #d9d9d9;
	background: #d9d9d9;
	color: 	#7FFFD4;
}
td>div.seven{
	border-color: #d9d9d9;
	background: #d9d9d9;
	color: 	#778899;
}
td>div.eight{
	border-color: #d9d9d9;
	background: #d9d9d9;
	color: 	#000080;
}

